<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="Content-Type" content="text/html">
	<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="format-detection" content="telephone=no">
	<meta name="format-detection" content="email=no">
	<title>首页</title>
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/toutiao.css" />
</head>
<body>
	
	<!-- 头部导航 -->
	<header class="box">
		<p class="left"><img src="img/logo.jpg" /></p>
		<p class="center"><img src="img/sou.jpg" /></p>
		<p class="right"><img src="img/zhibo.jpg" /></p>
	</header>
    <!-- banner -->
    <mainnav>
    	<ul class="nav">
    		<li class="first">头条</li>
    		<li>视频</li>
    		<li>娱乐</li>
    		<li>体育</li>
    		<li>段子</li>
    		<li>北京</li>
    		<img class="jiantou" src="img/jiantou.jpg" />
    	</ul>
    </mainnav>
    <!-- xx快报 -->
    <main>
    	<div class="body">
    		<div class="wenzi">
    			<p>最高端的砖头竟然是“垃圾”做的</p>
    		</div>
    		
    		<div class="img">
    			<img src="img/zhuanone.jpg" />
    			<img src="img/zhuanone.jpg" />
    			<img src="img/zhuanone.jpg" />
    		</div>
    		
    		<div class="food">
    			<p>新闻热点</p>
    			<p>185跟帖</p>
    		</div>
    	</div>
    	
    	<div class="body">
    		<div class="wenzi">
    			<p style="line-height: 20px;">家里拆老房时，翻出老父亲年轻时的书法习字手稿！<br />求点评！</p>
    		</div>
    		
    		<div class="img">
    			<img src="img/zi.jpg"  />
    			<img src="img/zi.jpg"  />
    			<img src="img/zi.jpg"  />
    		</div>
    		
    		<div class="food">
    			<p>艺术</p>
    			<p>310跟帖</p>
    		</div>
    	</div>
    	
    	<div class="body">
    		<div class="wenzi">
    			<p style="line-height: 20px;">亚洲第一强国目前还不是中国，这个国家兼具实力和<br />潜力</p>
    		</div>
    		
    		<div class="img">
    			<img src="img/zhongguo.jpg"  />
    			<img src="img/zhongguo.jpg"  />
    			<img src="img/zhongguo.jpg"  />
    		</div>
    		
    		<div class="food">
    			<p>要闻</p>
    			<p>2.1万跟帖</p>
    		</div>
    	</div>
    	
    </main>
    <!-- 热卖商品 -->
    <footer>
    	<div class="dibu">
	    	<dl>
	            <dt><img src="img/shouye.jpg" /></dt>
	            <dd>首页</dd>
	        </dl>
	        <dl>
	            <dt><img src="img/yaowen.jpg" /></dt>
	            <dd>要闻</dd>
	        </dl>
	        <dl>
	            <dt><img src="img/zhiboone.jpg" /></dt>
	            <dd>直播</dd>
	        </dl>
	        <dl>
	            <dt><img src="img/shipin.jpg" /></dt>
	            <dd>视频</dd>
	        </dl>
	        <dl>
	            <dt><img src="img/wo.jpg" /></dt>
	            <dd>我</dd>
	        </dl>
    	</div>
    </footer>
    <!-- 新品上市 -->
    
    <!-- 当前用户、回顶部 -->
    
    <!-- 底部导航 -->
    
	<script src="assets/jquery/jquery-3.2.1.js" type="text/javascript" charset="utf-8"></script>
	<script src="assets/flexible/flexible.debug.js" type="text/javascript" charset="utf-8"></script>
	<script src="assets/flexible/flexible_css.debug.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/index.js"></script>
</body>
</html>
